<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
<title>跟随鼠标移动的文字</title>
<style>
.move_out{
	position:relative;
	cursor:pointer;
	font-family: "华文行楷";
	color:#0000ff;
	font-size:36px;
}
</style>
</head>
<script type="text/javascript">
var z,x,y;									//定义变量
function move(e){								//创建函数
    z.style.left=temporarily1+e.clientX-x+"px";	//设置文字的位置
    z.style.top=temporarily2+e.clientY-y+"px";//设置文字的位置
    return false;
}
function down(e){								//创建自定义函数，实现文字的移动
  	if(e.target.className=="move_out"){	//应用target属性获取当前事件的对象
     	z=e.target;
     	temporarily1=z.offsetLeft;
     	temporarily2=z.offsetTop;
     	x=e.clientX;						//获取鼠标在窗口中的X位置
     	y=e.clientY;						//获取鼠标在窗口中的Y位置
     	document.onmousemove=move;			//当鼠标移动时执行move()函数
		document.onmouseup=function(){
			document.onmousemove = null;
		}
   	}
}
document.onmousedown=down;					//当鼠标按下时执行down()函数
</script>
<body>
<span class="move_out">吉林省明日科技</span> 
</body>
</html>

